﻿@using Lari.Configuration
@model Lari.Services.ViewModel.UserProfileModel
<div id="pagetitle">
    <h1>@ScreenName.Core.ChangePawwsord</h1>
</div>
<div class="spacer">
</div>
<div id="pagecontent">
    <table width="100%">
        <tr>
            <td width="30%" style="vertical-align: top">
                @{ Html.RenderPartial("ProfileNavigation"); }
            </td>
            <td width="5%" style="vertical-align: top">
                &nbsp;
            </td>
            <td width="65%" style="vertical-align: top">
                @using (Html.BeginForm(ActionConst.ChangePassword, ControllerConst.Core, FormMethod.Post, new { id = "FormChangePassword" }))
                {
                    <fieldset>
                        <legend>Change login password</legend>
                        @Html.AntiForgeryToken("changepassword")
                        <div class="doubleSpacer">
                        </div>
                        <div>
                            <label class="required">
                                Old&nbsp;Password</label>
                        </div>
                        <div>
                            @Html.PasswordFor(m => m.OldPassword, new { style = "width: 30%" })
                        </div>
                        <div>
                            @Html.ValidationMessageFor(m => m.OldPassword)
                        </div>
                        <div class="doubleSpacer">
                        </div>
                        <div>
                            <label class="required">
                                New&nbsp;Password</label>
                        </div>
                        <div>
                            @Html.PasswordFor(m => m.NewPassword, new { style = "width: 30%", @class = "password" })
                        </div>
                        <div>
                            @Html.ValidationMessageFor(m => m.NewPassword)
                        </div>
                        <div class="doubleSpacer">
                        </div>
                        <div>
                            <label class="required">
                                Confirm&nbsp;Password</label>
                        </div>
                        <div>
                            @Html.PasswordFor(m => m.ConfirmPassword, new { style = "width: 30%" })
                        </div>
                        <div>
                            @Html.ValidationMessageFor(m => m.ConfirmPassword)
                        </div>
                        <div class="doubleSpacer">
                        </div>
                        <div>
                            <input type="submit" id="btnChangePassword" value="Change Password" />
                        </div>
                    </fieldset>     
                }
            </td>
        </tr>
    </table>
</div>
<script type="text/javascript">
    $(document).ready(function () {
        $("#btnChangePassword").button();
    });
</script>
